<template>
  <div>
    <span>父组件</span>


    <!-- 把属性当方法传递，一般用在组件开发的钩子函数使用 -->
    <!-- <Son1 :money="mny" :change-money="changeMoney" /> -->
    <!-- 实际开发一般用回调监听的方法 -->
    <Son1 :money="mny" @change-money="changeMoney" />

  </div>
</template>
<script>
  // 组件使用：定义组件，引用，注册，使用
  // 组件传递的关系：父子传递，子传父，兄弟组件，跨级组件
  import Son1 from './son1'
  export default {
    name: 'parent',
    components: {
      Son1
    },
    data() {
      return {
        mny: 100
      }
    },
    methods: {
      changeMoney(val) {
        this.mny += val
      }
    }
  }
</script>
<style>

</style>